<template>
    <div class="page">
        <el-row :gutter="20">
            <el-col :span="24" :xs="24" :sm="24" :lg="24">
                <div class="grid-content bg-purple">
                    <div class="panel">
                        <div class="panel-body">
                            <el-row :gutter="20">
                                <el-col :span="3">
                                    <h5>站点管理</h5>
                                </el-col>
                                <!--<el-col style="text-align: right;" :offset="8" :span="4" v-if="is_childs == 0">
                                    <el-button size="medium" type="warning" style="background: rgba(248,154,55,1);" @click="openCreateDialog()">开设站点</el-button>
                                </el-col>-->
                                <el-col :span="3">
                                    <el-select size="medium" v-model="queryParams.status" clearable placeholder="运营状态" @change="statusChange">
                                        <el-option
                                            v-for="item in status"
                                            :key="item.key"
                                            :label="item.value"
                                            :value="item.key">
                                        </el-option>
                                    </el-select>
                                </el-col>
                                <el-col :span="6">
                                    <el-input size="medium" placeholder="请输入站点名称" v-model="queryParams.service_name"  class="input-with-select">
                                        <el-button size="medium" slot="append" icon="el-icon-search" @click="search()"></el-button>
                                    </el-input>
                                </el-col>
                            </el-row>
                        </div>
                    </div>
                </div>
            </el-col>
        </el-row>
        <el-row :gutter="20">
            <el-col :span="24" :xs="24" :sm="24" :lg="24">
                <div class="grid-content bg-purple">
                    <div class="panel">
                        <div class="panel-body">
                            <el-row :gutter="20">
                                <el-col :span="24" :xs="24" :sm="24" :lg="24">
                                    <el-table :data="stationData.data" style="width: 100%" v-loading="listLoading" @row-click="rowClick">
                                        <el-table-column
                                            prop="designation"
                                            label="站点名称">
                                        </el-table-column>
                                        <el-table-column
                                            label="站点类型">
                                            <template slot-scope="scope">{{type[scope.row.is_child]}}</template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="name"
                                            label="店长">
                                        </el-table-column>
                                        <el-table-column
                                            prop="phone"
                                            label="店长手机">
                                        </el-table-column>
                                        <el-table-column
                                            prop="networks_count"
                                            label="网点（个）">
                                        </el-table-column>
                                        <el-table-column
                                            label="营业时间">
                                            <template slot-scope="scope">{{scope.row.start_time}} - {{scope.row.end_time}}</template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="couriers_count"
                                            label="员工（人）">
                                        </el-table-column>
                                        <el-table-column
                                            prop="child_services_count"
                                            label="子站点">
                                        </el-table-column>
                                        <el-table-column
                                            label="运营状态">
                                            <template slot-scope="scope">{{scope.row.status==1?"运营中":"已停业"}}</template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="total_income"
                                            label="总收入（元）">
                                        </el-table-column>
                                    </el-table>
                                </el-col>
                            </el-row>
                        </div>
                        <div class="panel-footer text-right">
                            <el-pagination @size-change="sizeChange" @current-change="currentChange"
                                           :current-page="queryParams.page"
                                           :page-sizes="[5, 10, 20, 50]"
                                           :page-size="queryParams.paginate"
                                           layout="total, sizes, prev, pager, next, jumper"
                                           :total="stationData.total">
                            </el-pagination>
                        </div>
                    </div>
                </div>
            </el-col>
        </el-row>
        <!--新增站点对话框-->
        <el-dialog title="开设站点" :visible.sync="createDialog" width="40%" :before-close="handleCreateClose">
            <el-tabs v-model="activeNameForCreate" @tab-click="tabClickForCreate">
                <el-tab-pane label="基本信息" name="base">
                    <el-form ref="addForm" :rules="createRule" :model="createParams" label-width="80px">
                        <el-form-item label="站点名称" prop="designation">
                            <el-input v-model="createParams.designation"></el-input>
                        </el-form-item>
                        <el-form-item label="店长名称" prop="name">
                            <el-input v-model="createParams.name"></el-input>
                        </el-form-item>
                        <el-form-item label="店长账号" prop="phone">
                            <el-input v-model="createParams.phone" maxlength="11"></el-input>
                        </el-form-item>
                        <el-form-item label="登录密码" prop="password">
                            <el-input type="password" v-model="createParams.password"  minlength="6" maxlength="18"></el-input>
                        </el-form-item>
                        <el-form-item label="站点地址" prop="address">
                            <el-row type="flex" class="row-bg" justify="space-between">
                                <el-col :span="7">
                                    <el-select v-model="createParams.province_id"  filterable placeholder="请选择省份" @change="changeProvince">
                                        <el-option
                                            v-for="item in province.data"
                                            :key="item.id"
                                            :label="item.province_name"
                                            :value="item.id">
                                        </el-option>
                                    </el-select>
                                </el-col>
                                <el-col :span="7">
                                    <el-select v-model="createParams.city_id"  filterable placeholder="请选择城市" @change="changeCity">
                                        <el-option
                                            v-for="item in city.data"
                                            :key="item.id"
                                            :label="item.city_name"
                                            :value="item.id">
                                        </el-option>
                                    </el-select>
                                </el-col>
                                <el-col :span="7">
                                        <el-select v-model="createParams.district_id" filterable placeholder="请选择县/区" >
                                        <el-option
                                            v-for="item in district.data"
                                            :key="item.id"
                                            :label="item.district_name"
                                            :value="item.id">
                                        </el-option>
                                    </el-select>
                                </el-col>
                            </el-row>
                        </el-form-item>
                        <el-form-item label="" prop="address">
                            <el-input v-model="createParams.address"></el-input>
                        </el-form-item>
                        <!--<el-form-item label="银行账号" prop="bank_card">
                            <el-input v-model="createParams.bank_card"></el-input>
                        </el-form-item>-->
                        <el-form-item>
                            <el-button @click="handleCreateClose">取 消</el-button>
                            <el-button type="warning" style="background: rgba(248,154,55,1);" @click="createStation">确 定</el-button>
                        </el-form-item>
                    </el-form>
                </el-tab-pane>
                <el-tab-pane label="经营范围" name="map">
                    <el-row :gutter="20">
                        <el-col :span="4" :offset="2">
                            <el-popover
                                width="600px"
                                v-model="create_cityPopover"
                                placement="right-start"
                                trigger="click">
                                <div class="cityList">
                                    <div>
                                        <p>热门城市</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="北京">北京</el-radio>
                                                <el-radio label="深圳">深圳</el-radio>
                                                <el-radio label="上海">上海</el-radio>
                                                <el-radio label="香港">香港</el-radio>
                                                <el-radio label="澳门">澳门</el-radio>
                                                <el-radio label="广州">广州</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                           <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                               <el-radio label="天津">天津</el-radio>
                                               <el-radio label="重庆">重庆</el-radio>
                                               <el-radio label="杭州">杭州</el-radio>
                                               <el-radio label="成都">成都</el-radio>
                                               <el-radio label="武汉">武汉</el-radio>
                                               <el-radio label="青岛">青岛</el-radio>
                                           </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>直辖市</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="北京">北京</el-radio>
                                                <el-radio label="上海">上海</el-radio>
                                                <el-radio label="天津">天津</el-radio>
                                                <el-radio label="重庆">重庆</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>内蒙古</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="呼和浩特">呼和浩特</el-radio>
                                                <el-radio label="包头">包头</el-radio>
                                                <el-radio label="乌海">乌海</el-radio>
                                                <el-radio label="赤峰">赤峰</el-radio>
                                                <el-radio label="通辽">通辽</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="鄂尔多斯">鄂尔多斯</el-radio>
                                                <el-radio label="呼伦贝尔">呼伦贝尔</el-radio>
                                                <el-radio label="巴彦淖尔">巴彦淖尔</el-radio>
                                                <el-radio label="乌兰察布">乌兰察布</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="兴安盟">兴安盟</el-radio>
                                                <el-radio label="锡林郭勒盟">锡林郭勒盟</el-radio>
                                                <el-radio label="阿拉善盟">阿拉善盟</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>山西</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="太原">太原</el-radio>
                                                <el-radio label="大同">大同</el-radio>
                                                <el-radio label="阳泉">阳泉</el-radio>
                                                <el-radio label="长治">长治</el-radio>
                                                <el-radio label="晋城">晋城</el-radio>
                                                <el-radio label="朔州">朔州</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="晋中">晋中</el-radio>
                                                <el-radio label="运城">运城</el-radio>
                                                <el-radio label="忻州">忻州</el-radio>
                                                <el-radio label="临汾">临汾</el-radio>
                                                <el-radio label="吕梁">吕梁</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>陕西</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="西安">西安</el-radio>
                                                <el-radio label="铜川">铜川</el-radio>
                                                <el-radio label="宝鸡">宝鸡</el-radio>
                                                <el-radio label="咸阳">咸阳</el-radio>
                                                <el-radio label="渭南">渭南</el-radio>
                                                <el-radio label="延安">延安</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="汉中">汉中</el-radio>
                                                <el-radio label="榆林">榆林</el-radio>
                                                <el-radio label="安康">安康</el-radio>
                                                <el-radio label="商洛">商洛</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>河北</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="衡水">衡水</el-radio>
                                                <el-radio label="唐山">唐山</el-radio>
                                                <el-radio label="邯郸">邯郸</el-radio>
                                                <el-radio label="邢台">邢台</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="保定">保定</el-radio>
                                                <el-radio label="承德">承德</el-radio>
                                                <el-radio label="沧州">沧州</el-radio>
                                                <el-radio label="廊坊">廊坊</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="张家口">张家口</el-radio>
                                                <el-radio label="秦皇岛">秦皇岛</el-radio>
                                                <el-radio label="石家庄">石家庄</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>辽宁</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="沈阳">沈阳</el-radio>
                                                <el-radio label="大连">大连</el-radio>
                                                <el-radio label="鞍山">鞍山</el-radio>
                                                <el-radio label="抚顺">抚顺</el-radio>
                                                <el-radio label="本溪">本溪</el-radio>
                                                <el-radio label="丹东">丹东</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="锦州">锦州</el-radio>
                                                <el-radio label="营口">营口</el-radio>
                                                <el-radio label="阜新">阜新</el-radio>
                                                <el-radio label="辽阳">辽阳</el-radio>
                                                <el-radio label="盘锦">盘锦</el-radio>
                                                <el-radio label="铁岭">铁岭</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="朝阳">朝阳</el-radio>
                                                <el-radio label="葫芦岛">葫芦岛</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>

                                    <div>
                                        <p>吉林</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="长春">长春</el-radio>
                                                <el-radio label="吉林">吉林</el-radio>
                                                <el-radio label="四平">四平</el-radio>
                                                <el-radio label="辽源">辽源</el-radio>
                                                <el-radio label="通化">通化</el-radio>
                                                <el-radio label="白山">白山</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="松原">松原</el-radio>
                                                <el-radio label="白城">白城</el-radio>
                                                <el-radio label="延边">延边</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>黑龙江</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="鸡西">鸡西</el-radio>
                                                <el-radio label="鹤岗">鹤岗</el-radio>
                                                <el-radio label="大庆">大庆</el-radio>
                                                <el-radio label="伊春">伊春</el-radio>
                                                <el-radio label="通化">通化</el-radio>
                                                <el-radio label="黑河">黑河</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="哈尔滨">哈尔滨</el-radio>
                                                <el-radio label="齐齐哈尔">齐齐哈尔</el-radio>
                                                <el-radio label="双鸭山">大兴安岭</el-radio>
                                                <el-radio label="牡丹江">绥化</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="哈尔滨">佳木斯</el-radio>
                                                <el-radio label="齐齐哈尔">七台河</el-radio>
                                                <el-radio label="双鸭山">双鸭山</el-radio>
                                                <el-radio label="牡丹江">牡丹江</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>江苏</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="南京">南京</el-radio>
                                                <el-radio label="无锡">无锡</el-radio>
                                                <el-radio label="徐州">徐州</el-radio>
                                                <el-radio label="常州">常州</el-radio>
                                                <el-radio label="苏州">苏州</el-radio>
                                                <el-radio label="南通">南通</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="淮安">淮安</el-radio>
                                                <el-radio label="盐城">盐城</el-radio>
                                                <el-radio label="扬州">扬州</el-radio>
                                                <el-radio label="镇江">镇江</el-radio>
                                                <el-radio label="泰州">泰州</el-radio>
                                                <el-radio label="宿迁">宿迁</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="连云港">连云港</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>安徽</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="合肥">合肥</el-radio>
                                                <el-radio label="蚌埠">蚌埠</el-radio>
                                                <el-radio label="芜湖">芜湖</el-radio>
                                                <el-radio label="淮南">淮南</el-radio>
                                                <el-radio label="淮北">淮北</el-radio>
                                                <el-radio label="铜陵">铜陵</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="安庆">安庆</el-radio>
                                                <el-radio label="黄山">黄山</el-radio>
                                                <el-radio label="阜阳">阜阳</el-radio>
                                                <el-radio label="宿州">宿州</el-radio>
                                                <el-radio label="滁州">滁州</el-radio>
                                                <el-radio label="六安">六安</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="安庆">宣城</el-radio>
                                                <el-radio label="黄山">池州</el-radio>
                                                <el-radio label="阜阳">亳州</el-radio>
                                                <el-radio label="宿州">马鞍山</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>山东</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="济南">济南</el-radio>
                                                <el-radio label="青岛">青岛</el-radio>
                                                <el-radio label="淄博">淄博</el-radio>
                                                <el-radio label="枣庄">枣庄</el-radio>
                                                <el-radio label="东营">东营</el-radio>
                                                <el-radio label="潍坊">潍坊</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="烟台">烟台</el-radio>
                                                <el-radio label="威海">威海</el-radio>
                                                <el-radio label="济宁">济宁</el-radio>
                                                <el-radio label="泰安">泰安</el-radio>
                                                <el-radio label="日照">日照</el-radio>
                                                <el-radio label="莱芜">莱芜</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="临沂">临沂</el-radio>
                                                <el-radio label="德州">德州</el-radio>
                                                <el-radio label="聊城">聊城</el-radio>
                                                <el-radio label="滨州">滨州</el-radio>
                                                <el-radio label="菏泽">菏泽</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>浙江</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="杭州">杭州</el-radio>
                                                <el-radio label="宁波">宁波</el-radio>
                                                <el-radio label="温州">温州</el-radio>
                                                <el-radio label="嘉兴">嘉兴</el-radio>
                                                <el-radio label="绍兴">绍兴</el-radio>
                                                <el-radio label="金华">金华</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="衢州">衢州</el-radio>
                                                <el-radio label="舟山">舟山</el-radio>
                                                <el-radio label="台州">台州</el-radio>
                                                <el-radio label="丽水">丽水</el-radio>
                                                <el-radio label="湖州">湖州</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>江西</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="南昌">南昌</el-radio>
                                                <el-radio label="萍乡">萍乡</el-radio>
                                                <el-radio label="九江">九江</el-radio>
                                                <el-radio label="新余">新余</el-radio>
                                                <el-radio label="鹰潭">鹰潭</el-radio>
                                                <el-radio label="赣州">赣州</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="吉安">吉安</el-radio>
                                                <el-radio label="宜春">宜春</el-radio>
                                                <el-radio label="抚州">抚州</el-radio>
                                                <el-radio label="上饶">上饶</el-radio>
                                                <el-radio label="景德镇">景德镇</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>福建</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="福州">福州</el-radio>
                                                <el-radio label="厦门">厦门</el-radio>
                                                <el-radio label="莆田">莆田</el-radio>
                                                <el-radio label="三明">三明</el-radio>
                                                <el-radio label="泉州">泉州</el-radio>
                                                <el-radio label="漳州">漳州</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="南平">南平</el-radio>
                                                <el-radio label="龙岩">龙岩</el-radio>
                                                <el-radio label="宁德">宁德</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>

                                        <p>湖南</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="长沙">长沙</el-radio>
                                                <el-radio label="株洲">株洲</el-radio>
                                                <el-radio label="湘潭">湘潭</el-radio>
                                                <el-radio label="衡阳">衡阳</el-radio>
                                                <el-radio label="邵阳">邵阳</el-radio>
                                                <el-radio label="岳阳">岳阳</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="常德">常德</el-radio>
                                                <el-radio label="益阳">益阳</el-radio>
                                                <el-radio label="郴州">郴州</el-radio>
                                                <el-radio label="永州">永州</el-radio>
                                                <el-radio label="怀化">怀化</el-radio>
                                                <el-radio label="娄底">娄底</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="湘西">湘西</el-radio>
                                                <el-radio label="张家界">张家界</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>湖北</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="武汉">武汉</el-radio>
                                                <el-radio label="黄石">黄石</el-radio>
                                                <el-radio label="襄樊">襄樊</el-radio>
                                                <el-radio label="十堰">十堰</el-radio>
                                                <el-radio label="宜昌">宜昌</el-radio>
                                                <el-radio label="荆门">荆门</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="鄂州">鄂州</el-radio>
                                                <el-radio label="孝感">孝感</el-radio>
                                                <el-radio label="荆州">荆州</el-radio>
                                                <el-radio label="黄冈">黄冈</el-radio>
                                                <el-radio label="咸宁">咸宁</el-radio>
                                                <el-radio label="随州">随州</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="鄂州">恩施</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>河南</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="郑州">郑州</el-radio>
                                                <el-radio label="开封">开封</el-radio>
                                                <el-radio label="洛阳">洛阳</el-radio>
                                                <el-radio label="焦作">焦作</el-radio>
                                                <el-radio label="鹤壁">鹤壁</el-radio>
                                                <el-radio label="新乡">新乡</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="安阳">安阳</el-radio>
                                                <el-radio label="濮阳">濮阳</el-radio>
                                                <el-radio label="许昌">许昌</el-radio>
                                                <el-radio label="漯河">漯河</el-radio>
                                                <el-radio label="南阳">南阳</el-radio>
                                                <el-radio label="商丘">商丘</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="信阳">信阳</el-radio>
                                                <el-radio label="周口">周口</el-radio>
                                                <el-radio label="平顶山">平顶山</el-radio>
                                                <el-radio label="三门峡">三门峡</el-radio>
                                                <el-radio label="驻马店">驻马店</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>海南</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="海口">海口</el-radio>
                                                <el-radio label="三亚">三亚</el-radio>
                                                <el-radio label="三沙">三沙</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>

                                        <p>广东</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="广州">广州</el-radio>
                                                <el-radio label="深圳">深圳</el-radio>
                                                <el-radio label="珠海">珠海</el-radio>
                                                <el-radio label="汕头">汕头</el-radio>
                                                <el-radio label="韶关">韶关</el-radio>
                                                <el-radio label="佛山">佛山</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="江门">江门</el-radio>
                                                <el-radio label="湛江">湛江</el-radio>
                                                <el-radio label="茂名">茂名</el-radio>
                                                <el-radio label="肇庆">肇庆</el-radio>
                                                <el-radio label="惠州">惠州</el-radio>
                                                <el-radio label="梅州">梅州</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="汕尾">汕尾</el-radio>
                                                <el-radio label="揭阳">揭阳</el-radio>
                                                <el-radio label="阳江">阳江</el-radio>
                                                <el-radio label="清远">清远</el-radio>
                                                <el-radio label="东莞">东莞</el-radio>
                                                <el-radio label="中山">中山</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="潮州">潮州</el-radio>
                                                <el-radio label="河源">河源</el-radio>
                                                <el-radio label="云浮">云浮</el-radio>
                                                <el-radio label="东沙群岛">东沙群岛</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>广西</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="南宁">南宁</el-radio>
                                                <el-radio label="柳州">柳州</el-radio>
                                                <el-radio label="桂林">桂林</el-radio>
                                                <el-radio label="梧州">梧州</el-radio>
                                                <el-radio label="北海">北海</el-radio>
                                                <el-radio label="钦州">钦州</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="贵港">贵港</el-radio>
                                                <el-radio label="玉林">玉林</el-radio>
                                                <el-radio label="百色">百色</el-radio>
                                                <el-radio label="贺州">贺州</el-radio>
                                                <el-radio label="河池">河池</el-radio>
                                                <el-radio label="来宾">来宾</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="防城港">防城港</el-radio>
                                                <el-radio label="崇左">崇左</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>贵州</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="贵阳">贵阳</el-radio>
                                                <el-radio label="遵义">遵义</el-radio>
                                                <el-radio label="安顺">安顺</el-radio>
                                                <el-radio label="铜仁">铜仁</el-radio>
                                                <el-radio label="毕节">毕节</el-radio>
                                                <el-radio label="黔南">黔南</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="六盘水">六盘水</el-radio>
                                                <el-radio label="黔西南">黔西南</el-radio>
                                                <el-radio label="黔东南">黔东南</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>四川</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="成都">成都</el-radio>
                                                <el-radio label="自贡">自贡</el-radio>
                                                <el-radio label="泸州">泸州</el-radio>
                                                <el-radio label="德阳">德阳</el-radio>
                                                <el-radio label="绵阳">绵阳</el-radio>
                                                <el-radio label="广元">广元</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="遂宁">遂宁</el-radio>
                                                <el-radio label="内江">内江</el-radio>
                                                <el-radio label="乐山">乐山</el-radio>
                                                <el-radio label="南充">南充</el-radio>
                                                <el-radio label="宜宾">宜宾</el-radio>
                                                <el-radio label="广安">广安</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="达州">达州</el-radio>
                                                <el-radio label="眉山">眉山</el-radio>
                                                <el-radio label="雅安">雅安</el-radio>
                                                <el-radio label="巴中">巴中</el-radio>
                                                <el-radio label="资阳">资阳</el-radio>
                                                <el-radio label="阿坝">阿坝</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="甘孜">甘孜</el-radio>
                                                <el-radio label="凉山">凉山</el-radio>
                                                <el-radio label="攀枝花">攀枝花</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>云南</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="昆明">昆明</el-radio>
                                                <el-radio label="保山">保山</el-radio>
                                                <el-radio label="昭通">昭通</el-radio>
                                                <el-radio label="丽江">丽江</el-radio>
                                                <el-radio label="普洱">普洱</el-radio>
                                                <el-radio label="临沧">临沧</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="曲靖">曲靖</el-radio>
                                                <el-radio label="玉溪">玉溪</el-radio>
                                                <el-radio label="文山">文山</el-radio>
                                                <el-radio label="楚雄">楚雄</el-radio>
                                                <el-radio label="红河">红河</el-radio>
                                                <el-radio label="德宏">德宏</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="大理">大理</el-radio>
                                                <el-radio label="怒江">怒江</el-radio>
                                                <el-radio label="迪庆">迪庆</el-radio>
                                                <el-radio label="西双版纳">西双版纳</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>甘肃</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="兰州">兰州</el-radio>
                                                <el-radio label="金昌">金昌</el-radio>
                                                <el-radio label="白银">白银</el-radio>
                                                <el-radio label="天水">天水</el-radio>
                                                <el-radio label="酒泉">酒泉</el-radio>
                                                <el-radio label="张掖">张掖</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="武威">武威</el-radio>
                                                <el-radio label="定西">定西</el-radio>
                                                <el-radio label="陇南">陇南</el-radio>
                                                <el-radio label="平凉">平凉</el-radio>
                                                <el-radio label="庆阳">庆阳</el-radio>
                                                <el-radio label="临夏">临夏</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="甘南">甘南</el-radio>
                                                <el-radio label="嘉峪关">嘉峪关</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>宁夏</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="银川">银川</el-radio>
                                                <el-radio label="吴忠">吴忠</el-radio>
                                                <el-radio label="固原">固原</el-radio>
                                                <el-radio label="中卫">中卫</el-radio>
                                                <el-radio label="石嘴山">石嘴山</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>青海</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="西宁">西宁</el-radio>
                                                <el-radio label="玉树">玉树</el-radio>
                                                <el-radio label="果洛">果洛</el-radio>
                                                <el-radio label="海东">海东</el-radio>
                                                <el-radio label="海西">海西</el-radio>
                                                <el-radio label="黄南">黄南</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="海北">海北</el-radio>
                                                <el-radio label="海南">海南</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>西藏</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="拉萨">拉萨</el-radio>
                                                <el-radio label="那曲">那曲</el-radio>
                                                <el-radio label="昌都">昌都</el-radio>
                                                <el-radio label="山南">山南</el-radio>
                                                <el-radio label="阿里">阿里</el-radio>
                                                <el-radio label="林芝">林芝</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="日喀则">日喀则</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                    <div>
                                        <p>新疆</p>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="哈密">哈密</el-radio>
                                                <el-radio label="和田">和田</el-radio>
                                                <el-radio label="喀什">喀什</el-radio>
                                                <el-radio label="塔城">塔城</el-radio>
                                                <el-radio label="伊犁">伊犁</el-radio>
                                                <el-radio label="昌吉">昌吉</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="吐鲁番">吐鲁番</el-radio>
                                                <el-radio label="阿克苏">阿克苏</el-radio>
                                                <el-radio label="阿勒泰">阿勒泰</el-radio>
                                                <el-radio label="乌鲁木齐">乌鲁木齐</el-radio>
                                            </el-radio-group>
                                        </div>
                                        <div>
                                            <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                <el-radio label="克拉玛依">克拉玛依</el-radio>
                                                <el-radio label="博尔塔拉">博尔塔拉</el-radio>
                                                <el-radio label="巴音郭楞">巴音郭楞</el-radio>
                                                <el-radio label="克孜勒苏">克孜勒苏</el-radio>
                                            </el-radio-group>
                                        </div>
                                    </div>
                                </div>
                                <el-button type="text" style="color: rgba(248,154,55,1);" slot="reference">{{currentRegion}}[点击切换]</el-button>
                            </el-popover>
                        </el-col>
                        <el-col :span="10" :offset="1">
                            <el-autocomplete
                                v-model="addressForSearch"
                                :fetch-suggestions="searchAddressList"
                                placeholder="请输入内容"
                                :trigger-on-focus="false"
                            ></el-autocomplete>
                        </el-col>
                        <el-col :span="3">
                            <el-button type="warning" style="background: rgba(248,154,55,1);" @click="changeMapCenter">搜索</el-button>
                        </el-col>
                    </el-row>
                    <br>
                    <el-row :gutter="20">
                        <el-col :span="4"  :offset="2">
                            <el-button @click="addListenMarker" :disabled="!allowAddPoint">添加锚点</el-button>
                        </el-col>
                        <el-col :span="4">
                            <el-button @click="createRange"  :disabled="!allowCreateRange">生成范围</el-button>
                        </el-col>
                        <el-col :span="4">
                            <el-button  @click="resetMarkerAndRange">重置</el-button>
                        </el-col>
                    </el-row>
                    <br>
                    <el-row>
                        <el-col :span="20" :offset="2">
                            <div id="createMap"></div>
                        </el-col>
                    </el-row>
                </el-tab-pane>

            </el-tabs>

        </el-dialog>
        <!--编辑站点对话框-->
        <el-dialog :visible.sync="editDialog" width="40%" :before-close="handleEditClose">
            <span slot="title" class="dialog-header">
                <el-row v-if="is_childs == 0">
                    <el-col :span="6">
                        <p style="font-size: 24px;">{{editParams.designation}}</p>
                    </el-col>
                    <el-col :span="18" v-if="editBtn">
                        <el-row v-if="editing">
                            <el-col :span="6" :offset="6" ><el-button size="medium" type="warning" style="background: rgba(248,154,55,1);"  @click="editQuery">保存</el-button></el-col>
                            <!--<el-col :span="6" ><el-button type="danger"  @click="delQuery">删除</el-button></el-col>-->
                            <el-col :span="6" ><el-button size="medium" type="primary"  @click="resetPwd">重置密码</el-button></el-col>

                        </el-row>
                        <el-row v-else>
                            <el-col :span="6" :offset="6"><el-button size="medium" type="warning" style="background: rgba(248,154,55,1);"  @click="enableEdit">编辑</el-button></el-col>
                            <!--<el-col :span="6" ><el-button type="danger"  @click="delQuery">删除</el-button></el-col>-->
                            <el-col :span="6" ><el-button size="medium" type="primary"  @click="resetPwd">重置密码</el-button></el-col>
                        </el-row>
                    </el-col>
                    <el-col :span="16" v-else>
                        <el-col :span="6" :offset="6" ><el-button size="medium" type="warning" style="background: rgba(248,154,55,1);"  @click="stopQuery">停业</el-button></el-col>
                    </el-col>
                </el-row>
                <el-row v-if="is_childs == 1">
                    <el-col :span="6">
                        <p style="font-size: 24px;">{{editParams.designation}}</p>
                    </el-col>
                    <el-col :span="18">
                        <el-row v-if="editing">
                            <el-col :span="6" :offset="6" ><el-button size="medium" type="warning" style="background: rgba(248,154,55,1);"  @click="editQuery">保存</el-button></el-col>
                            <!--<el-col :span="6" ><el-button type="danger"  @click="delQuery">删除</el-button></el-col>-->
                            <el-col :span="6" ><el-button size="medium" type="primary"  @click="resetPwd">重置密码</el-button></el-col>

                        </el-row>
                        <el-row v-else>
                            <el-col :span="6" :offset="6"><el-button size="medium" type="warning" style="background: rgba(248,154,55,1);"  @click="enableEdit">编辑</el-button></el-col>
                            <!--<el-col :span="6" ><el-button type="danger"  @click="delQuery">删除</el-button></el-col>-->
                            <el-col :span="6" ><el-button size="medium" type="primary"  @click="resetPwd">重置密码</el-button></el-col>
                        </el-row>
                    </el-col>
                </el-row>
                <el-row>
                    <el-tabs v-model="activeNameForEdit" @tab-click="tabClickForEdit">
                        <el-tab-pane label="站点信息" name="info">
                            <el-form ref="editForm" :rules="editRule" :model="editParams" label-width="150px">
                                <el-form-item label="站点名称：" prop="designation">
                                    <el-input v-model="editParams.designation" :disabled="!editing"></el-input>
                                </el-form-item>
                                <el-form-item label="运营状态：" prop="status">
                                    <el-select v-model="editParams.status" :disabled="!editing"  filterable placeholder="请选择运营状态">
                                        <el-option
                                            v-for="item in status"
                                            :key="item.key"
                                            :label="item.value"
                                            :value="item.key">
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item label="开设时间：">
                                    <p>{{editParams.created_at}}</p>
                                </el-form-item>
                                <el-form-item label="站点地址：" prop="address">
                                    <el-row type="flex" class="row-bg" justify="space-between">
                                        <el-col :span="7">
                                            <el-select v-model="editParams.province_id" :disabled="!editing" filterable placeholder="请选择省份" @change="changeProvince">
                                                <el-option
                                                    v-for="item in province.data"
                                                    :key="item.id"
                                                    :label="item.province_name"
                                                    :value="item.id">
                                                </el-option>
                                            </el-select>
                                        </el-col>
                                        <el-col :span="7">
                                            <el-select v-model="editParams.city_id" :disabled="!editing" filterable placeholder="请选择城市" @change="changeCity">
                                                <el-option
                                                    v-for="item in city.data"
                                                    :key="item.id"
                                                    :label="item.city_name"
                                                    :value="item.id">
                                                </el-option>
                                            </el-select>
                                        </el-col>
                                        <el-col :span="7">
                                            <el-select v-model="editParams.district_id" :disabled="!editing" filterable placeholder="请选择县/区">
                                                <el-option
                                                    v-for="item in district.data"
                                                    :key="item.id"
                                                    :label="item.district_name"
                                                    :value="item.id">
                                                </el-option>
                                            </el-select>
                                        </el-col>
                                    </el-row>
                                </el-form-item>
                                <el-form-item label=""  prop="address">
                                    <el-input :disabled="!editing" v-model="editParams.address"></el-input>
                                </el-form-item>
                                <el-form-item label="营业时间：">
                                     <el-time-select :disabled="!editing" placeholder="起始时间" v-model="editParams.start_time" :picker-options="{start: '08:30',step: '00:15',end: '18:30'}">
                                     </el-time-select>
                                     <el-time-select :disabled="!editing" placeholder="结束时间" v-model="editParams.end_time" :picker-options="{start: '08:30', step: '00:15', end: '18:30', minTime: editParams.start_time}">
                                     </el-time-select>
                                </el-form-item>
                                <el-form-item label="店长姓名：" prop="name">
                                    <el-input v-model="editParams.name" :disabled="!editing"></el-input>
                                </el-form-item>
                                <el-form-item label="店长手机号：" prop="phone">
                                    <el-input v-model="editParams.phone" :disabled="!editing" maxlength="11"></el-input>
                                </el-form-item>
                                <el-form-item label="支付宝账号：" prop="bank_card">
                                    <p>{{editParams.bank_card}}</p>
                                </el-form-item>
                                <el-form-item label="总收入（元）：">
                                    <p>{{editParams.total_income}}</p>
                                </el-form-item>
                                <el-form-item label="历史入库（件）：">
                                    <p>{{editParams.delivery_num}}</p>
                                </el-form-item>
                                <el-form-item label="历史出库（件）：">
                                    <p>{{editParams.send_num}}</p>
                                </el-form-item>
                            </el-form>
                        </el-tab-pane>
                        <el-tab-pane label="经营范围" name="map">
                            <el-row :gutter="20" v-if="!is_child">
                                <el-col :span="4" :offset="2">
                                    <el-popover
                                        width="600px"
                                        v-model="edit_cityPopover"
                                        placement="right-start"
                                        trigger="click">
                                        <div class="cityList">
                                            <div>
                                                <p>热门城市</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="北京">北京</el-radio>
                                                        <el-radio label="深圳">深圳</el-radio>
                                                        <el-radio label="上海">上海</el-radio>
                                                        <el-radio label="香港">香港</el-radio>
                                                        <el-radio label="澳门">澳门</el-radio>
                                                        <el-radio label="广州">广州</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                   <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                       <el-radio label="天津">天津</el-radio>
                                                       <el-radio label="重庆">重庆</el-radio>
                                                       <el-radio label="杭州">杭州</el-radio>
                                                       <el-radio label="成都">成都</el-radio>
                                                       <el-radio label="武汉">武汉</el-radio>
                                                       <el-radio label="青岛">青岛</el-radio>
                                                   </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>直辖市</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="北京">北京</el-radio>
                                                        <el-radio label="上海">上海</el-radio>
                                                        <el-radio label="天津">天津</el-radio>
                                                        <el-radio label="重庆">重庆</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>内蒙古</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="呼和浩特">呼和浩特</el-radio>
                                                        <el-radio label="包头">包头</el-radio>
                                                        <el-radio label="乌海">乌海</el-radio>
                                                        <el-radio label="赤峰">赤峰</el-radio>
                                                        <el-radio label="通辽">通辽</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="鄂尔多斯">鄂尔多斯</el-radio>
                                                        <el-radio label="呼伦贝尔">呼伦贝尔</el-radio>
                                                        <el-radio label="巴彦淖尔">巴彦淖尔</el-radio>
                                                        <el-radio label="乌兰察布">乌兰察布</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="兴安盟">兴安盟</el-radio>
                                                        <el-radio label="锡林郭勒盟">锡林郭勒盟</el-radio>
                                                        <el-radio label="阿拉善盟">阿拉善盟</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>山西</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="太原">太原</el-radio>
                                                        <el-radio label="大同">大同</el-radio>
                                                        <el-radio label="阳泉">阳泉</el-radio>
                                                        <el-radio label="长治">长治</el-radio>
                                                        <el-radio label="晋城">晋城</el-radio>
                                                        <el-radio label="朔州">朔州</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="晋中">晋中</el-radio>
                                                        <el-radio label="运城">运城</el-radio>
                                                        <el-radio label="忻州">忻州</el-radio>
                                                        <el-radio label="临汾">临汾</el-radio>
                                                        <el-radio label="吕梁">吕梁</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>陕西</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="西安">西安</el-radio>
                                                        <el-radio label="铜川">铜川</el-radio>
                                                        <el-radio label="宝鸡">宝鸡</el-radio>
                                                        <el-radio label="咸阳">咸阳</el-radio>
                                                        <el-radio label="渭南">渭南</el-radio>
                                                        <el-radio label="延安">延安</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="汉中">汉中</el-radio>
                                                        <el-radio label="榆林">榆林</el-radio>
                                                        <el-radio label="安康">安康</el-radio>
                                                        <el-radio label="商洛">商洛</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>河北</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="衡水">衡水</el-radio>
                                                        <el-radio label="唐山">唐山</el-radio>
                                                        <el-radio label="邯郸">邯郸</el-radio>
                                                        <el-radio label="邢台">邢台</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="保定">保定</el-radio>
                                                        <el-radio label="承德">承德</el-radio>
                                                        <el-radio label="沧州">沧州</el-radio>
                                                        <el-radio label="廊坊">廊坊</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="张家口">张家口</el-radio>
                                                        <el-radio label="秦皇岛">秦皇岛</el-radio>
                                                        <el-radio label="石家庄">石家庄</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>辽宁</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="沈阳">沈阳</el-radio>
                                                        <el-radio label="大连">大连</el-radio>
                                                        <el-radio label="鞍山">鞍山</el-radio>
                                                        <el-radio label="抚顺">抚顺</el-radio>
                                                        <el-radio label="本溪">本溪</el-radio>
                                                        <el-radio label="丹东">丹东</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="锦州">锦州</el-radio>
                                                        <el-radio label="营口">营口</el-radio>
                                                        <el-radio label="阜新">阜新</el-radio>
                                                        <el-radio label="辽阳">辽阳</el-radio>
                                                        <el-radio label="盘锦">盘锦</el-radio>
                                                        <el-radio label="铁岭">铁岭</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="朝阳">朝阳</el-radio>
                                                        <el-radio label="葫芦岛">葫芦岛</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>

                                            <div>
                                                <p>吉林</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="长春">长春</el-radio>
                                                        <el-radio label="吉林">吉林</el-radio>
                                                        <el-radio label="四平">四平</el-radio>
                                                        <el-radio label="辽源">辽源</el-radio>
                                                        <el-radio label="通化">通化</el-radio>
                                                        <el-radio label="白山">白山</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="松原">松原</el-radio>
                                                        <el-radio label="白城">白城</el-radio>
                                                        <el-radio label="延边">延边</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>黑龙江</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="鸡西">鸡西</el-radio>
                                                        <el-radio label="鹤岗">鹤岗</el-radio>
                                                        <el-radio label="大庆">大庆</el-radio>
                                                        <el-radio label="伊春">伊春</el-radio>
                                                        <el-radio label="通化">通化</el-radio>
                                                        <el-radio label="黑河">黑河</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="哈尔滨">哈尔滨</el-radio>
                                                        <el-radio label="齐齐哈尔">齐齐哈尔</el-radio>
                                                        <el-radio label="双鸭山">大兴安岭</el-radio>
                                                        <el-radio label="牡丹江">绥化</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="哈尔滨">佳木斯</el-radio>
                                                        <el-radio label="齐齐哈尔">七台河</el-radio>
                                                        <el-radio label="双鸭山">双鸭山</el-radio>
                                                        <el-radio label="牡丹江">牡丹江</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>江苏</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="南京">南京</el-radio>
                                                        <el-radio label="无锡">无锡</el-radio>
                                                        <el-radio label="徐州">徐州</el-radio>
                                                        <el-radio label="常州">常州</el-radio>
                                                        <el-radio label="苏州">苏州</el-radio>
                                                        <el-radio label="南通">南通</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="淮安">淮安</el-radio>
                                                        <el-radio label="盐城">盐城</el-radio>
                                                        <el-radio label="扬州">扬州</el-radio>
                                                        <el-radio label="镇江">镇江</el-radio>
                                                        <el-radio label="泰州">泰州</el-radio>
                                                        <el-radio label="宿迁">宿迁</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="连云港">连云港</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>安徽</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="合肥">合肥</el-radio>
                                                        <el-radio label="蚌埠">蚌埠</el-radio>
                                                        <el-radio label="芜湖">芜湖</el-radio>
                                                        <el-radio label="淮南">淮南</el-radio>
                                                        <el-radio label="淮北">淮北</el-radio>
                                                        <el-radio label="铜陵">铜陵</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="安庆">安庆</el-radio>
                                                        <el-radio label="黄山">黄山</el-radio>
                                                        <el-radio label="阜阳">阜阳</el-radio>
                                                        <el-radio label="宿州">宿州</el-radio>
                                                        <el-radio label="滁州">滁州</el-radio>
                                                        <el-radio label="六安">六安</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="安庆">宣城</el-radio>
                                                        <el-radio label="黄山">池州</el-radio>
                                                        <el-radio label="阜阳">亳州</el-radio>
                                                        <el-radio label="宿州">马鞍山</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>山东</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="济南">济南</el-radio>
                                                        <el-radio label="青岛">青岛</el-radio>
                                                        <el-radio label="淄博">淄博</el-radio>
                                                        <el-radio label="枣庄">枣庄</el-radio>
                                                        <el-radio label="东营">东营</el-radio>
                                                        <el-radio label="潍坊">潍坊</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="烟台">烟台</el-radio>
                                                        <el-radio label="威海">威海</el-radio>
                                                        <el-radio label="济宁">济宁</el-radio>
                                                        <el-radio label="泰安">泰安</el-radio>
                                                        <el-radio label="日照">日照</el-radio>
                                                        <el-radio label="莱芜">莱芜</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="临沂">临沂</el-radio>
                                                        <el-radio label="德州">德州</el-radio>
                                                        <el-radio label="聊城">聊城</el-radio>
                                                        <el-radio label="滨州">滨州</el-radio>
                                                        <el-radio label="菏泽">菏泽</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>浙江</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="杭州">杭州</el-radio>
                                                        <el-radio label="宁波">宁波</el-radio>
                                                        <el-radio label="温州">温州</el-radio>
                                                        <el-radio label="嘉兴">嘉兴</el-radio>
                                                        <el-radio label="绍兴">绍兴</el-radio>
                                                        <el-radio label="金华">金华</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="衢州">衢州</el-radio>
                                                        <el-radio label="舟山">舟山</el-radio>
                                                        <el-radio label="台州">台州</el-radio>
                                                        <el-radio label="丽水">丽水</el-radio>
                                                        <el-radio label="湖州">湖州</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>江西</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="南昌">南昌</el-radio>
                                                        <el-radio label="萍乡">萍乡</el-radio>
                                                        <el-radio label="九江">九江</el-radio>
                                                        <el-radio label="新余">新余</el-radio>
                                                        <el-radio label="鹰潭">鹰潭</el-radio>
                                                        <el-radio label="赣州">赣州</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="吉安">吉安</el-radio>
                                                        <el-radio label="宜春">宜春</el-radio>
                                                        <el-radio label="抚州">抚州</el-radio>
                                                        <el-radio label="上饶">上饶</el-radio>
                                                        <el-radio label="景德镇">景德镇</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>福建</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="福州">福州</el-radio>
                                                        <el-radio label="厦门">厦门</el-radio>
                                                        <el-radio label="莆田">莆田</el-radio>
                                                        <el-radio label="三明">三明</el-radio>
                                                        <el-radio label="泉州">泉州</el-radio>
                                                        <el-radio label="漳州">漳州</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="南平">南平</el-radio>
                                                        <el-radio label="龙岩">龙岩</el-radio>
                                                        <el-radio label="宁德">宁德</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>

                                                <p>湖南</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="长沙">长沙</el-radio>
                                                        <el-radio label="株洲">株洲</el-radio>
                                                        <el-radio label="湘潭">湘潭</el-radio>
                                                        <el-radio label="衡阳">衡阳</el-radio>
                                                        <el-radio label="邵阳">邵阳</el-radio>
                                                        <el-radio label="岳阳">岳阳</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="常德">常德</el-radio>
                                                        <el-radio label="益阳">益阳</el-radio>
                                                        <el-radio label="郴州">郴州</el-radio>
                                                        <el-radio label="永州">永州</el-radio>
                                                        <el-radio label="怀化">怀化</el-radio>
                                                        <el-radio label="娄底">娄底</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="湘西">湘西</el-radio>
                                                        <el-radio label="张家界">张家界</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>湖北</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="武汉">武汉</el-radio>
                                                        <el-radio label="黄石">黄石</el-radio>
                                                        <el-radio label="襄樊">襄樊</el-radio>
                                                        <el-radio label="十堰">十堰</el-radio>
                                                        <el-radio label="宜昌">宜昌</el-radio>
                                                        <el-radio label="荆门">荆门</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="鄂州">鄂州</el-radio>
                                                        <el-radio label="孝感">孝感</el-radio>
                                                        <el-radio label="荆州">荆州</el-radio>
                                                        <el-radio label="黄冈">黄冈</el-radio>
                                                        <el-radio label="咸宁">咸宁</el-radio>
                                                        <el-radio label="随州">随州</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="鄂州">恩施</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>河南</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="郑州">郑州</el-radio>
                                                        <el-radio label="开封">开封</el-radio>
                                                        <el-radio label="洛阳">洛阳</el-radio>
                                                        <el-radio label="焦作">焦作</el-radio>
                                                        <el-radio label="鹤壁">鹤壁</el-radio>
                                                        <el-radio label="新乡">新乡</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="安阳">安阳</el-radio>
                                                        <el-radio label="濮阳">濮阳</el-radio>
                                                        <el-radio label="许昌">许昌</el-radio>
                                                        <el-radio label="漯河">漯河</el-radio>
                                                        <el-radio label="南阳">南阳</el-radio>
                                                        <el-radio label="商丘">商丘</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="信阳">信阳</el-radio>
                                                        <el-radio label="周口">周口</el-radio>
                                                        <el-radio label="平顶山">平顶山</el-radio>
                                                        <el-radio label="三门峡">三门峡</el-radio>
                                                        <el-radio label="驻马店">驻马店</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>海南</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="海口">海口</el-radio>
                                                        <el-radio label="三亚">三亚</el-radio>
                                                        <el-radio label="三沙">三沙</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>

                                                <p>广东</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="广州">广州</el-radio>
                                                        <el-radio label="深圳">深圳</el-radio>
                                                        <el-radio label="珠海">珠海</el-radio>
                                                        <el-radio label="汕头">汕头</el-radio>
                                                        <el-radio label="韶关">韶关</el-radio>
                                                        <el-radio label="佛山">佛山</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="江门">江门</el-radio>
                                                        <el-radio label="湛江">湛江</el-radio>
                                                        <el-radio label="茂名">茂名</el-radio>
                                                        <el-radio label="肇庆">肇庆</el-radio>
                                                        <el-radio label="惠州">惠州</el-radio>
                                                        <el-radio label="梅州">梅州</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="汕尾">汕尾</el-radio>
                                                        <el-radio label="揭阳">揭阳</el-radio>
                                                        <el-radio label="阳江">阳江</el-radio>
                                                        <el-radio label="清远">清远</el-radio>
                                                        <el-radio label="东莞">东莞</el-radio>
                                                        <el-radio label="中山">中山</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="潮州">潮州</el-radio>
                                                        <el-radio label="河源">河源</el-radio>
                                                        <el-radio label="云浮">云浮</el-radio>
                                                        <el-radio label="东沙群岛">东沙群岛</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>广西</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="南宁">南宁</el-radio>
                                                        <el-radio label="柳州">柳州</el-radio>
                                                        <el-radio label="桂林">桂林</el-radio>
                                                        <el-radio label="梧州">梧州</el-radio>
                                                        <el-radio label="北海">北海</el-radio>
                                                        <el-radio label="钦州">钦州</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="贵港">贵港</el-radio>
                                                        <el-radio label="玉林">玉林</el-radio>
                                                        <el-radio label="百色">百色</el-radio>
                                                        <el-radio label="贺州">贺州</el-radio>
                                                        <el-radio label="河池">河池</el-radio>
                                                        <el-radio label="来宾">来宾</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="防城港">防城港</el-radio>
                                                        <el-radio label="崇左">崇左</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>贵州</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="贵阳">贵阳</el-radio>
                                                        <el-radio label="遵义">遵义</el-radio>
                                                        <el-radio label="安顺">安顺</el-radio>
                                                        <el-radio label="铜仁">铜仁</el-radio>
                                                        <el-radio label="毕节">毕节</el-radio>
                                                        <el-radio label="黔南">黔南</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="六盘水">六盘水</el-radio>
                                                        <el-radio label="黔西南">黔西南</el-radio>
                                                        <el-radio label="黔东南">黔东南</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>四川</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="成都">成都</el-radio>
                                                        <el-radio label="自贡">自贡</el-radio>
                                                        <el-radio label="泸州">泸州</el-radio>
                                                        <el-radio label="德阳">德阳</el-radio>
                                                        <el-radio label="绵阳">绵阳</el-radio>
                                                        <el-radio label="广元">广元</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="遂宁">遂宁</el-radio>
                                                        <el-radio label="内江">内江</el-radio>
                                                        <el-radio label="乐山">乐山</el-radio>
                                                        <el-radio label="南充">南充</el-radio>
                                                        <el-radio label="宜宾">宜宾</el-radio>
                                                        <el-radio label="广安">广安</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="达州">达州</el-radio>
                                                        <el-radio label="眉山">眉山</el-radio>
                                                        <el-radio label="雅安">雅安</el-radio>
                                                        <el-radio label="巴中">巴中</el-radio>
                                                        <el-radio label="资阳">资阳</el-radio>
                                                        <el-radio label="阿坝">阿坝</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="甘孜">甘孜</el-radio>
                                                        <el-radio label="凉山">凉山</el-radio>
                                                        <el-radio label="攀枝花">攀枝花</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>云南</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="昆明">昆明</el-radio>
                                                        <el-radio label="保山">保山</el-radio>
                                                        <el-radio label="昭通">昭通</el-radio>
                                                        <el-radio label="丽江">丽江</el-radio>
                                                        <el-radio label="普洱">普洱</el-radio>
                                                        <el-radio label="临沧">临沧</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="曲靖">曲靖</el-radio>
                                                        <el-radio label="玉溪">玉溪</el-radio>
                                                        <el-radio label="文山">文山</el-radio>
                                                        <el-radio label="楚雄">楚雄</el-radio>
                                                        <el-radio label="红河">红河</el-radio>
                                                        <el-radio label="德宏">德宏</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="大理">大理</el-radio>
                                                        <el-radio label="怒江">怒江</el-radio>
                                                        <el-radio label="迪庆">迪庆</el-radio>
                                                        <el-radio label="西双版纳">西双版纳</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>甘肃</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="兰州">兰州</el-radio>
                                                        <el-radio label="金昌">金昌</el-radio>
                                                        <el-radio label="白银">白银</el-radio>
                                                        <el-radio label="天水">天水</el-radio>
                                                        <el-radio label="酒泉">酒泉</el-radio>
                                                        <el-radio label="张掖">张掖</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="武威">武威</el-radio>
                                                        <el-radio label="定西">定西</el-radio>
                                                        <el-radio label="陇南">陇南</el-radio>
                                                        <el-radio label="平凉">平凉</el-radio>
                                                        <el-radio label="庆阳">庆阳</el-radio>
                                                        <el-radio label="临夏">临夏</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="甘南">甘南</el-radio>
                                                        <el-radio label="嘉峪关">嘉峪关</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>宁夏</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="银川">银川</el-radio>
                                                        <el-radio label="吴忠">吴忠</el-radio>
                                                        <el-radio label="固原">固原</el-radio>
                                                        <el-radio label="中卫">中卫</el-radio>
                                                        <el-radio label="石嘴山">石嘴山</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>青海</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="西宁">西宁</el-radio>
                                                        <el-radio label="玉树">玉树</el-radio>
                                                        <el-radio label="果洛">果洛</el-radio>
                                                        <el-radio label="海东">海东</el-radio>
                                                        <el-radio label="海西">海西</el-radio>
                                                        <el-radio label="黄南">黄南</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="海北">海北</el-radio>
                                                        <el-radio label="海南">海南</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>西藏</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="拉萨">拉萨</el-radio>
                                                        <el-radio label="那曲">那曲</el-radio>
                                                        <el-radio label="昌都">昌都</el-radio>
                                                        <el-radio label="山南">山南</el-radio>
                                                        <el-radio label="阿里">阿里</el-radio>
                                                        <el-radio label="林芝">林芝</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="日喀则">日喀则</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                            <div>
                                                <p>新疆</p>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="哈密">哈密</el-radio>
                                                        <el-radio label="和田">和田</el-radio>
                                                        <el-radio label="喀什">喀什</el-radio>
                                                        <el-radio label="塔城">塔城</el-radio>
                                                        <el-radio label="伊犁">伊犁</el-radio>
                                                        <el-radio label="昌吉">昌吉</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="吐鲁番">吐鲁番</el-radio>
                                                        <el-radio label="阿克苏">阿克苏</el-radio>
                                                        <el-radio label="阿勒泰">阿勒泰</el-radio>
                                                        <el-radio label="乌鲁木齐">乌鲁木齐</el-radio>
                                                    </el-radio-group>
                                                </div>
                                                <div>
                                                    <el-radio-group v-model="currentRegion" @change="currentRegionChange">
                                                        <el-radio label="克拉玛依">克拉玛依</el-radio>
                                                        <el-radio label="博尔塔拉">博尔塔拉</el-radio>
                                                        <el-radio label="巴音郭楞">巴音郭楞</el-radio>
                                                        <el-radio label="克孜勒苏">克孜勒苏</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                        </div>
                                        <el-button type="text" style="color: rgba(248,154,55,1);" slot="reference">{{currentRegion}}[点击切换]</el-button>
                                    </el-popover>
                                </el-col>
                                <el-col :span="10" :offset="1">
                                    <el-autocomplete
                                        v-model="addressForSearch"
                                        :fetch-suggestions="searchAddressList"
                                        placeholder="请输入内容"

                                        :trigger-on-focus="false"
                                    ></el-autocomplete>
                                </el-col>
                                <el-col :span="3">
                                    <el-button @click="changeMapCenter">搜索</el-button>
                                </el-col>
                            </el-row>
                            <br>
                            <el-row :gutter="20" v-if="!is_child">
                                <el-col :span="4"  :offset="2">
                                    <el-button @click="addListenMarker" :disabled="!allowAddPoint">添加锚点</el-button>
                                </el-col>
                                <el-col :span="4">
                                    <el-button @click="createRange" :disabled="!allowCreateRange">生成范围</el-button>
                                </el-col>
                                <el-col :span="4">
                                    <el-button @click="resetMarkerAndRange">重置</el-button>
                                </el-col>
                                <el-col :span="4">
                                    <el-button :disabled="!rangeEnableEdit" @click="editQuery">保存</el-button>
                                </el-col>
                            </el-row>
                            <br>
                            <el-row>
                                <el-col :span="20" :offset="2">
                                    <div id="editMap"></div>
                                </el-col>
                            </el-row>
                        </el-tab-pane>
                        <!--<el-tab-pane label="员工" name="staff">
                            <el-card class="box-card" v-for="(v,k) in staffData.data" :key="k">
                                <div slot="header" class="clearfix">
                                    <span class="whiteFont">{{v.name}} {{v.phone}}</span>
                                    <el-button v-if="!is_child" class="whiteFont" style="float: right; padding: 3px 0;" type="text" @click="unbindStaff(v.id)">解绑</el-button>
                                </div>
                                <div class="text item">
                                    <p>权限：{{jurisdiction[v.jurisdiction]}}</p>
                                    <p>历史入库（件）：{{v.delivery_num}}</p>
                                    <p>历史派送（件）：{{v.send_num}}</p>
                                </div>
                            </el-card>
                            <div class="card-foot">
                                <el-pagination @size-change="sizeChangeForStaff" @current-change="currentChangeForStaff"
                                               :current-page="queryStaffParams.page"
                                               :page-sizes="[3, 5, 10, 20]"
                                               :page-size="queryStaffParams.paginate"
                                               layout="total, sizes, prev, pager, next, jumper"
                                               :total="staffData.total">
                                </el-pagination>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="网点" name="network">
                             <el-card class="box-card" v-for="(v,k) in networkData.data" :key="k">
                                 <div slot="header" class="clearfix">
                                    <span class="whiteFont">{{v.network.designation}}</span>
                                    <el-button v-if="!is_child" class="whiteFont" style="float: right; padding: 3px 0;" type="text" @click="unbindNetwork(v.id)">解绑</el-button>
                                 </div>
                                 <div class="text item">
                                    <p>网点地址：{{v.network.address}}</p>
                                    <p>店长：{{v.network.name}} {{v.network.phone}}</p>
                                    <p>单价（元/件）：{{v.unit_price}}</p>
                                    <p>信用额度：{{v.credit}}</p>
                                 </div>
                            </el-card>
                            <div class="card-foot">
                                <el-pagination @size-change="sizeChangeForNetwork" @current-change="currentChangeForNetwork"
                                               :current-page="queryNetworkParams.page"
                                               :page-sizes="[3, 5, 10, 20]"
                                               :page-size="queryNetworkParams.paginate"
                                               layout="total, sizes, prev, pager, next, jumper"
                                               :total="networkData.total">
                                </el-pagination>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="子站点" name="child">
                            <el-card class="box-card" v-for="(v,k) in childData.data" :key="k">
                                <div slot="header" class="clearfix">
                                    <span class="whiteFont">{{v.designation}}</span>
                                </div>
                                <div class="text item">
                                    <p>站点地址：{{v.address}}</p>
                                    <p>运营状态：{{v.status==1?"运营中":"已停业"}}</p>
                                    <p>店长：{{v.name}} {{v.phone}}</p>
                                </div>
                            </el-card>
                            <div class="card-foot">
                                <el-pagination @size-change="sizeChangeForChild" @current-change="currentChangeForChild"
                                               :current-page="queryChildParams.page"
                                               :page-sizes="[3, 5, 10, 20]"
                                               :page-size="queryChildParams.paginate"
                                               layout="total, sizes, prev, pager, next, jumper"
                                               :total="childData.total">
                                </el-pagination>
                            </div>
                        </el-tab-pane>-->
                        <el-tab-pane label="操作日志" name="log">
                            <el-table :data="logData.data" style="width: 100%" >
                                <el-table-column prop="created_at">
                                </el-table-column>
                                <el-table-column >
                                    <template slot-scope="scope">
                                        <el-row>
                                            {{scope.row.name}}{{scope.row.operation}}
                                        </el-row>
                                        <el-row v-if="scope.row.history!=null&&scope.row.actuality!=null">
                                            <p>修改前：<br><span v-for="(item,index) in scope.row.history">{{index}}:{{item}}<br></span></p>
                                            <p>修改后：<br><span v-for="(item,index) in scope.row.actuality">{{index}}:{{item}}<br></span></p>
                                        </el-row>
                                    </template>
                                </el-table-column>
                            </el-table>
                            <el-pagination @size-change="sizeChangeForLog" @current-change="currentChangeForLog"
                                           :current-page="queryLogParams.page"
                                           :page-sizes="[3, 5, 10, 20]"
                                           :page-size="queryLogParams.paginate"
                                           layout="total, sizes, prev, pager, next, jumper"
                                           :total="logData.total">
                                </el-pagination>
                        </el-tab-pane>
                    </el-tabs>
                </el-row>
             </span>
        </el-dialog>
    </div>
</template>

<script>
    import api from '../apis'
    import Vue from 'vue';
    import { mapState } from 'vuex'
    export default {
        name: "Station",
        data(){
            let checkMobile = (rule, value, callback) => {
                let phone=/^[1][3,4,5,7,8][0-9]{9}$/;
                if (!phone.test(value)) {
                    callback(new Error('请输入正确的手机号'));
                } else {
                    callback();
                }
            };
            return {
                //创建地图标记
                mapCreated:false,
                //默认新增对话框标签页
                activeNameForCreate:'base',
                //列表加载动画开关
                listLoading:false,
                //新增对话框开关
                createDialog:false,
                //编辑对话框开关
                editDialog:false,
                //编辑对话框按钮显示隐藏状态
                editBtn:true,
                //经营范围允许修改
                rangeEnableEdit:false,
                //是否开启修改
                editing:false,
                //列表请求参数
                queryParams:{
                    service_name:'',
                    status:'',
                    page:1,
                    paginate:10,
                },
                //新增请求参数
                createParams:{
                    scope:[],
                },
                //修改请求参数
                editParams:{
                    scope:[],
                },
                //员工列表请求参数
                queryStaffParams:{
                    page:1,
                    paginate:3,
                    service_id:''
                },
                //请求关联网点列表参数
                queryNetworkParams:{
                    page:1,
                    paginate:3,
                    service_id:''
                },
                //请求子站点列表参数
                queryChildParams:{
                    page:1,
                    paginate:3,
                    service_id:''
                },
                //请求日志列表参数
                queryLogParams:{
                    page:1,
                    paginate:10,
                    service_id:'',
                },
                //重置密码请求参数
                resetPwdParams:{
                    service_id:'',
                },
                //站点列表数据
                stationData:{
                    data:[],
                    total:0,
                },
                //员工列表数据
                staffData:{
                  data:[],
                  total:0,
                },
                //网点列表数据
                networkData:{
                    data:[],
                    total:0,
                },
                //子站点列表数据
                childData:{
                    data:[],
                    total:0,
                },
                //日志列表数据
                logData:{
                    data:[],
                    total:0,
                },
                //员工权限数组
                jurisdiction:[
                    '入库',
                    '派件',
                    '入库、派件'
                ],
                //站点类型数组
                type:[
                    '主站点',
                    '子站点'
                ],
                //站点状态数组
                status:[
                    {
                        key:1,
                        value:'运营中',
                    },
                    {
                        key:2,
                        value:'已停业',
                    }
                ],
                //新增请求验证规则
                createRule:{
                    phone: [
                        { required: true, message: '请输入手机号码', trigger: 'blur' },
                        {validator: checkMobile, trigger: 'blur'},
                    ],
                    name: [
                        { required: true, message: '请输入店长姓名', trigger: 'blur' },
                    ],
                    designation:[
                        { required: true, message: '请输入站点名称', trigger: 'blur' },
                    ],
                    password:[
                        { required: true, message: '请输入密码', trigger: 'blur' },
                    ],
                    bank_card:[
                        { required: true, message: '请输入银行卡', trigger: 'blur' },
                    ],
                },
                //修改请求验证规则
                editRule:{
                    phone: [
                        { required: true, message: '请输入手机号码', trigger: 'blur' },
                        {validator: checkMobile, trigger: 'blur'},
                    ],
                    name: [
                        { required: true, message: '请输入店长姓名', trigger: 'blur' },
                    ],
                    designation:[
                        { required: true, message: '请输入站点名称', trigger: 'blur' },
                    ],
                    bank_card:[
                        { required: true, message: '请输入银行卡', trigger: 'blur' },
                    ],
                },
                //省份数据
                province:{
                    data:[

                    ],
                },
                //城市数据
                city:{
                    data:[

                    ],
                },
                //区县数据
                district:{
                    data:[

                    ],
                },
                //关键字匹配地址数据
                keyWordAddress:[],
                //地图实例
                Map:{},
                //搜索地址
                searchAddress:'',
                //关键字匹配地址定时器
                timeout:null,
                //搜索地址的值
                addressForSearch:'',
                //添加锚点事件对象
                addPoiont:null,
                //地图范围坐标经纬度数组
                range:[],
                //地图标记数组
                markersArray:[],
                //范围变量
                polygon:null,
                //范围填充颜色
                color:null,
                //当前城市
                currentRegion:'上海',
                //城市选择弹出框显示状态
                edit_cityPopover:false,
                create_cityPopover:false,
                //生成范围按钮可用状态
                allowCreateRange:true,
                //添加锚点按钮可用状态
                allowAddPoint:true,
                //修改对话框默认标签页
                activeNameForEdit:'info',
                //请求员工列表标识
                queryStaffStatus:false,
                //请求网点列表标识
                queryNetworkStatus:false,
                //请求子站点列表标识
                queryChildStatus:false,
                //请求日志列表标识
                queryLogStatus:false,
                //是否在查看子站点
                is_child:false,
                //是否是子站点
                is_childs:0,
                //地图标记
                latlngBounds:null,
                //覆盖物路径
                path:[],
            }
        },
        methods:{
            /**
             * 新增对话框创建地图
             */
            init(){
                let map = new qq.maps.Map(document.getElementById("createMap"), {
                    // 地图的中心地理坐标。
                    center: new qq.maps.LatLng(31.242160,121.476517),
                    //缩放等级
                    zoom: 13,
                    disableDefaultUI: true
                });
                this.Map = map;
                this.mapCreated = true;
            },

            /**
             * 修改对话框创建地图
             */
            editMapInit(){
                document.getElementById("editMap").innerHTML="";
                this.Map = new qq.maps.Map(document.getElementById('editMap'),{
                    disableDefaultUI: true,
                    minZoom:this.editParams.zoom,
                    maxZoom:this.editParams.zoom,
                });
                this.mapCreated = true;
                this.latlngBounds = new qq.maps.LatLngBounds();
                this.path=[];
                for(let i = 0,l = this.editParams.scope.length;i < l; i++){
                    let poi = new qq.maps.LatLng( this.editParams.scope[i].lat, this.editParams.scope[i].lng)
                    this.path.push(poi);
                    this.latlngBounds.extend(poi);
                    var marker=new qq.maps.Marker({
                        position:poi,
                        map:this.Map,
                    });
                    this.markersArray.push(marker);
                }
                this.color = new qq.maps.Color('43','43','43','0.5');
                this.polygon = new qq.maps.Polygon({
                    path:this.path,
                    strokeColor: this.color,
                    strokeWeight: 5,
                    fillColor: this.color,
                    map: this.Map
                });
                this.Map.fitBounds(this.latlngBounds);
                this.polygon.setMap(this.Map);
                this.allowCreateRange = false;
                this.allowAddPoint = false;
            },
            /**
             * 请求站点列表
             */
            queryStation(){
                this.listLoading = true;
                // console.log(this.user)
                this.is_childs = this.user.is_child;
                api.station.fetch(this.queryParams).then(response=>{
                    this.stationData = response.data;
                    this.listLoading = false;

                }).catch(errors=>{
                    this.$message.error('请求失败');
                });
            },
            /**
             * 新增站点请求
             */
            createStation(){
                this.$refs['addForm'].validate((valid) =>{
                    if(valid){
                        if(this.createParams.scope.length<3){
                            this.$message.error('请设置经营范围');
                            return false;
                        }
                        api.station.create(this.createParams).then(response=>{
                            this.jumpToFirstPage();
                            this.handleCreateClose();
                            this.$message.success('新增成功');
                            this.allowCreateRange = true;
                        }).catch(errors=>{
                            this.$message.error(errors.response.data.resultMessage);
                        });
                    }else{
                        return false;
                    }
                });
            },
            /**
             * 搜索站点
             */
            search(){
                this.queryStation();
            },
            /**
             * 点击新增站点
             */
            openCreateDialog(){
                this.allowAddPoint = true;
                this.createDialog = true;
            },
            /**
             * 关闭新增对话框
             */
            handleCreateClose(){
                this.createDialog = false;
                this.range = [];
                this.mapCreated = false;
                this.activeNameForCreate = 'base';
                this.polygon = null;
                this.color = null;
                this.createParams = {
                    scope:[],
                };
                this.currentRegion='上海';
            },
            /**
             * 停业
             */
            stopQuery(){
                api.station.stopQuery(this.editParams.id).then(response=>{
                    this.editDialog = false;
                    this.$message.success('停业成功');
                    this.queryStation();
                }).catch(errors=>{
                    this.$message.error('请求失败');
                });
            },
            /**
             * 关闭编辑对话框
             */
            handleEditClose(){
                this.mapCreated = false;
                this.activeNameForEdit = 'info';
                this.city = [];
                this.district = [];
                this.createParams = {
                    scope:[],
                };
                this.editParams = {
                    scope:[],
                };
                this.editDialog = false;
                this.currentRegion='上海';
                this.queryStaffParams.page = 1;
                this.queryNetworkParams.page = 1;
                this.queryChildParams.page = 1;
                this.queryLogParams.page = 1;
                this.queryStaffParams.paginate = 3;
                this.queryNetworkParams.paginate = 3;
                this.queryChildParams.paginate = 3;
                this.queryLogParams.paginate = 3;
                this.editBtn = true;
                this.editing = false;
                this.queryNetworkStatus = false;
                this.queryStaffStatus = false;
                this.queryChildStatus = false;
                this.queryLogStatus = false;
                this.Map = null;
                this.latlngBounds = null;
                this.polygon = null;
                this.color = null;
                this.path = [];
                this.is_child = false;
            },
            /**
             * 列表行选中
             * @param row
             * @param event
             * @param column
             * @param column
             */
            rowClick(row, event, column){
                this.editDialog = true;
                this.queryStaffParams.service_id = row.id;
                this.queryNetworkParams.service_id = row.id;
                this.queryChildParams.service_id = row.id;
                this.queryLogParams.service_id = row.id;
                this.resetPwdParams.service_id = row.id;
                this.fetchById(row.id);
            },
            /**
             * 根据id获取站点信息
             */
            fetchById(id){
                api.station.fetchById(id).then(response=>{
                    this.editParams = response.data.data;
                    if(this.editParams.is_child == 1){
                        this.is_child = true;
                        this.editBtn = false;
                    }
                    this.queryCity(this.editParams.province_id);
                    this.queryDistrict(this.editParams.city_id);
                }).catch(errors=>{
                    this.$message.error('请求失败');
                });
            },
            /**
             * 站点列表改变每页数量
             * @param size
             */
            sizeChange(size){
                this.queryParams.paginate = size;
                this.queryStation();
            },
            /**
             * 员工列表改变每页数量
             */
            sizeChangeForStaff(size){
                this.queryStaffParams.paginate = size;
                this.queryStaff();
            },
            /**
             * 网点列表改变每页数量
             */
            sizeChangeForNetwork(size){
                this.queryNetworkParams.paginate = size;
                this.queryNetwork();
            },
            /**
             * 子站点列表改变每页数量
             */
            sizeChangeForChild(size){
                this.queryChildParams.paginate = size;
                this.queryChild();
            },
            /**
             * 日志列表改变每页数量
             */
            sizeChangeForLog(size){
                this.queryLogParams.paginate = size;
                this.queryLog();
            },
            /**
             * 站点列表改变当前页
             * @param page
             */
            currentChange(page){
                this.queryParams.page = page;
                this.queryStation();
            },
            /**
             * 员工列表改变当前页
             */
            currentChangeForStaff(page){
                this.queryStaffParams.page = page;
                this.queryStaff();
            },
            /**
             * 员工列表改变当前页
             */
            currentChangeForNetwork(page){
                this.queryNetworkParams.page = page;
                this.queryNetwork();
            },
            /**
             * 子站点列表改变当前页
             */
            currentChangeForChild(page){
                this.queryChildParams.page = page;
                this.queryChild();
            },
            /**
             * 子站点列表改变当前页
             */
            currentChangeForLog(page){
                this.queryLogParams.page = page;
                this.queryLog();
            },
            /**
             * 跳转到最后一页
             */
            jumpToLastPage () {
                let last = Math.ceil(this.stationData.total / this.queryParams.paginate);
                if (this.queryParams.page < last) {
                    this.queryParams.page = last;
                }
                this.queryStation();
            },
            /**
             * 跳转到第一页
             */
            jumpToFirstPage () {
                let last = Math.ceil(this.stationData.total / this.queryParams.paginate);
                if (this.queryParams.page < last) {
                    this.queryParams.page = 1;
                }
                this.queryStation();
            },
            /**
             * 修改对话框点击修改按钮
             */
            enableEdit(){
                this.editing = true;
            },
            /**
             * 修改对话框点击删除按钮
             */
            // delQuery(){
            //     this.$confirm('确认删除站点？', '警告', {
            //         confirmButtonText: '确定',
            //         cancelButtonText: '取消',
            //         type: 'warning'
            //     }).then(() => {
            //         api.station.destroy(this.editParams.id).then(response=>{
            //             this.editDialog = false;
            //             this.queryStation();
            //         }).catch(errors=>{
            //             this.$message.error(errors.response.data.resultMessage);
            //         });
            //     }).catch(() => {
            //
            //     });
            // },
            /**
             * 重置站点管理员密码
             */
            resetPwd(){
                this.$confirm('重置成功后，密码将改变为123456。', '是否要为该站点管理员重置密码？', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    api.station.resetPwd(this.resetPwdParams).then(response=>{
                        this.$message.success('重置成功');
                    }).catch(errors=>{
                        this.$message.error('请求失败，'+response.data.resultCode);
                    })
                }).catch(() => {

                });
            },
            /**
             * 修改对话框点击保存按钮
             */
            editQuery(){
                if(this.editParams.scope.length<3){
                    this.$message.error('请设置经营范围');
                    return false;
                }
                api.station.update(this.editParams.id,this.editParams).then(response=>{
                    for(let i in this.stationData.data){
                        if(this.stationData.data[i].id == response.data.data.id){
                            Vue.set(this.stationData.data,i,response.data.data);
                            break;
                        }
                    }
                    this.$message.success('修改成功');
                    this.rangeEnableEdit = false;
                    this.editing = false;
                }).catch(errors=>{
                    this.$message.error('请求失败');
                })
            },
            /**
             * 省选择器改变
             */
            changeProvince(val){
                this.queryCity(val);

            },
            /**
             * 市选择器改变
             */
            changeCity(val){
                this.queryDistrict(val);
            },
            /**
             * 区选择器改变
             */
            // changeDistrict(val){
            //     Vue.set(this.createParams,'district_id',val);
            // },
            /**
             * 请求省份数据
             */
            queryProvince()
            {
                api.common.fetchProvince().then(response=>{
                    this.province = response.data;
                }).catch(errors=>{

                })
            },
            /**
             * 请求城市数据
             */
            queryCity(Province='')
            {
                api.common.fetchCity({province_id:Province}).then(response=>{
                    this.city = response.data;
                    this.createParams.city_id = this.city.data[0].id;
                    this.editParams.city_id = this.city.data[0].id;
                    this.queryDistrict(this.city.data[0].id);
                }).catch(errors=>{

                })
            },
            /**
             * 请求区县数据
             */
            queryDistrict(City='')
            {
                api.common.fetchDistrict({city_id:City}).then(response=>{
                    this.district = response.data;
                    Vue.set(this.createParams,'district_id',this.district.data[0].id);
                    Vue.set(this.editParams,'district_id',this.district.data[0].id);
                }).catch(errors=>{

                })
            },
            /**
             * 新增对话框标签页切换
             */
            tabClickForCreate(tab,evnet){
                if(tab.name=="map"){
                    if(this.mapCreated==false){
                        this.init();
                    }
                }
            },
            /**
             * 修改对话框标签切换
             */
            tabClickForEdit(tab,event){
                if(tab.name=="info"&&this.is_child==false){
                    this.editBtn = true;
                }
                if(tab.name=="map"){
                    if(this.mapCreated==false){
                        this.editMapInit();
                        setTimeout(()=>{
                            this.Map.setOptions({maxZoom:null,minZoom:null});
                        },1);
                    }
                    this.editBtn = false;
                }
                if(tab.name=="staff"){
                    if(this.queryStaffStatus==false){
                        this.queryStaff();
                    }
                    this.editBtn = false;
                }
                if(tab.name=="network"){
                    if(this.queryNetworkStatus==false){
                        this.queryNetwork();
                    }
                    this.editBtn = false;
                }
                if(tab.name=="child"){
                    if(this.queryChildStatus==false){
                        this.queryChild();
                    }
                    this.editBtn = false;
                }
                if(tab.name=="log"){
                    if(this.queryLogStatus==false){
                        this.queryLog();
                    }
                    this.editBtn = false;
                }
            },
            /**
             * 地址关键字匹配请求
             */
            searchAddressList(str,cb){
                this.keyWordAddress = [];
                this.queryAddressByKeyword(str);
                cb(this.keyWordAddress);
            },

            /**
             * 关键字请求联想结果
             */
            queryAddressByKeyword(keyWord,region){
                api.station.search({'keyword':keyWord,'region':region}).then(response=>{
                    for(let i in response.data.data.data){
                        let temp = {};
                        temp.value =  response.data.data.data[i].title;
                        temp.address =  response.data.data.data[i].address;
                        this.keyWordAddress.push(temp);
                    }
                })
            },
            /**
             * 绑定地图添加标记事件
             */
            addListenMarker(){
                this.addPoiont = qq.maps.event.addListener(this.Map, 'click',(event)=>{
                    var marker=new qq.maps.Marker({
                        position:event.latLng,
                        map:this.Map,
                    });
                    this.range.push(marker.position);
                    this.markersArray.push(marker);
                    //点击标记事件
                    // qq.maps.event.addListener(marker, 'click', ()=> {
                    //
                    // });
                });
                this.allowAddPoint = false;
            },
            /**
             * 地图切换至搜索地址
             */
            changeMapCenter(){
                let map = this.Map
                let latlngBounds = new qq.maps.LatLngBounds();
                //调用Poi检索类
                let searchService = new qq.maps.SearchService({
                    complete : function(results){
                        var pois = results.detail.pois;
                        for(var i = 0,l = pois.length;i < l; i++){
                            var poi = pois[i];
                            latlngBounds.extend(poi.latLng);
                        }
                        map.fitBounds(latlngBounds);
                    }
                });
                searchService.setLocation(this.currentRegion);
                this.addressForSearch=this.addressForSearch==''?this.currentRegion:this.addressForSearch;
                searchService.search(this.addressForSearch);
            },
            /**
             * 生成范围
             */
            createRange(){
                if(this.range.length<3){
                    this.$message.error('最少添加三个锚点');
                    return false;
                }
                let path=[];
                for(let i in this.range){
                    path.push( new qq.maps.LatLng(this.range[i].lat,this.range[i].lng));
                };
                this.color = new qq.maps.Color('43','43','43','0.5');
                this.polygon = new qq.maps.Polygon({
                    path:path,
                    strokeColor: this.color,
                    strokeWeight: 5,
                    fillColor: this.color,
                    map: this.Map
                });

                this.polygon.setMap(this.Map);
                this.polygon.setVisible(true);
                this.editParams.scope = this.createParams.scope = this.range;
                this.editParams.zoom = this.createParams.zoom = this.Map.getZoom();
                this.allowCreateRange = false;
                qq.maps.event.removeListener(this.addPoiont);
            },

            /**
             * 状态下拉框改变
             */
            statusChange(){
                this.queryStation();
            },
            /**
             * 切换当前地图城市
             */
            currentRegionChange(val){
                this.create_cityPopover = false;
                this.edit_cityPopover = false;
                this.addressForSearch='';
            },
            /**
             * 清除地图标记和范围
             */
            resetMarkerAndRange(){
                if (this.markersArray.length>0) {
                    for (let i in this.markersArray) {
                        this.markersArray[i].setMap(null);
                    }
                    this.markersArray = [];
                    if(this.polygon!=null){
                        this.polygon.setMap(null);
                        this.polygon = null;
                    }
                }
                this.addPoiont = null;
                this.createParams.scope = [];
                this.editParams.scope = [];
                this.range = [];
                this.allowCreateRange = true;
                this.allowAddPoint = true;
                this.rangeEnableEdit = true;
            },
            /**
             * 请求员工列表
             */
            queryStaff(){
                api.staff.fetch(this.queryStaffParams).then(response=>{
                    this.staffData = response.data;
                    this.queryStaffStatus = true;
                }).catch(errors=>{
                    this.$message.error('请求失败');
                })
            },

            /**
             * 获取关联网点列表
             */
            queryNetwork(){
                api.station.network(this.queryNetworkParams).then(response=>{
                    this.networkData = response.data;
                    this.queryNetworkStatus = true;
                }).catch(errors=>{
                    this.$message.error('请求失败');
                })
            },
            /**
             * 获取子站点列表
             */
            queryChild(){
                api.station.child(this.queryNetworkParams).then(response=>{
                    this.childData = response.data;
                    this.queryChildStatus = true;
                }).catch(errors=>{
                    this.$message.error('请求失败');
                })
            },
            /**
             * 获取日志列表
             */
            queryLog(){
                api.log.fetch(this.queryLogParams).then(response=>{
                    this.logData = response.data;
                    for(let i in this.logData.data){
                        if(this.logData.data[i].actuality!=null){
                            this.logData.data[i].actuality = JSON.parse(this.logData.data[i].actuality);
                        }
                        if(this.logData.data[i].history!=null){
                            this.logData.data[i].history = JSON.parse(this.logData.data[i].history);
                        }
                    }
                    this.queryLogStatus = true;
                }).catch(errors=>{
                    this.$message.error('请求失败');
                })
            },
            /**
             * 解绑员工
             */
            unbindStaff(id){
                api.staff.destroy(id).then(response=>{
                    this.$message.success('解除成功');
                    this.queryStaff();
                }).catch(errors=>{
                    this.$message.error('请求失败')
                });
            },
            /**
             * 解绑网点
             */
            unbindNetwork(id){
                api.station.unbindNetwork(id).then(response=>{
                    this.$message.success('解除成功');
                    this.queryNetwork();
                }).catch(errors=>{
                    this.$message.error('请求失败')
                });
            },

        },
        mounted (){
            this.queryStation();
            this.queryProvince();
        },
        computed:{
            ...mapState ({
                user: state => state.account.user,
            }),
        }
    }
</script>

<style lang="scss" scoped>
    #createMap{
        width:100%;
        height: 350px;
    }
    #editMap{
        width:100%;
        height: 350px;
    }
    .cityList{
        overflow: auto;
        height: 300px;
    }
    .el-autocomplete{
        width: 100%;
    }
    .text {
        font-size: 14px;
    }

    .item {
        margin-bottom: 18px;
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
    }
    .clearfix:after {
        clear: both
    }

    .box-card {
        margin:10px auto;
        width: 480px;
    }
    .card-foot{
        margin:5px auto 0;
        width:400px;
    }
</style>
